import { Button, Input, Space, Row, Col, Checkbox } from 'antd';
const { Search } = Input;
import './task.css';
import Tasks from './task.jsx'
const onSearch = (value) => console.log(value);
import React, { useState } from 'react';
function Task() {
    return (
        <div className="Task">
            <div className='classify'>
                <div className='top'>
                    <Row justify="start" className='nav'>
                        <Col>所有任务</Col>
                        <Col>我负责的</Col>
                        <Col>我参与的</Col>
                        <Col>我创建的</Col>
                        <Col>我关注的</Col>
                        <Col>抄送给我的</Col>
                        <Col>
                            <Space direction="vertical">
                                <Search placeholder="输入任务名称" onSearch={onSearch} enterButton />
                            </Space>
                        </Col>
                    </Row>
                </div>
                <Row className='row'>
                    <Col span={3}>任务状态：</Col>
                    <Col span={3}>
                        <Checkbox />进行中
                    </Col>
                    <Col span={3}>
                        <Checkbox />已完成
                    </Col>
                    <Col span={3}>
                        <Checkbox />已暂停
                    </Col>
                </Row>
                <Row className='row'>
                    <Col span={3}>任务分类：</Col>
                    <Col span={3}>
                        <Checkbox />设施维护
                    </Col>
                    <Col span={3}>
                        <Checkbox />事务监管
                    </Col>
                    <Col span={3}>
                        <Checkbox />技术支持
                    </Col>
                    <Col span={3}>
                        <Checkbox />周期任务
                    </Col>
                    <Col span={3}>
                        <Checkbox />月度任务
                    </Col>
                    <Col span={3}>
                        <Checkbox />季度任务
                    </Col>
                    <Col span={3}>
                        <Checkbox />其它任务
                    </Col>
                </Row>
                <Row className='row'>
                    <Col span={3}>优先级别：</Col>
                    <Col span={3}>
                        <Checkbox />紧急
                    </Col>
                    <Col span={3}>
                        <Checkbox />重要
                    </Col>
                    <Col span={3}>
                        <Checkbox />普通
                    </Col>
                </Row>
            </div>
            <div className='content'>
                <div className='content_title'>
                    <span className='total'>共6条，选中0条</span>
                    <div className='handle_btn'>
                        <Button type="primary" default>添加</Button>
                        &nbsp;&nbsp;
                        <Button type="primary" danger>删除</Button>
                        &nbsp;&nbsp;
                        <Button type="primary" default>修改</Button>                 
                    </div>
                </div>
                <div>
                    <Tasks/>
                </div>
            </div>
        </div>
    )
}

export default Task